<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>首页 - LRY 聚合系统</title>
<link rel="icon" th:href="@{/static/favicon.ico}" type="image/ico">
<meta name="keywords" content="LRY 聚合系统">
<meta name="description" content="LRY 聚合系统">
<meta name="author" content="pingc">
<link th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet">
<link th:href="@{/static/css/materialdesignicons.min.css}" rel="stylesheet">
  <link th:href="@{/static/css/animate.css}" rel="stylesheet">
<link th:href="@{/static/css/style.min.css}" rel="stylesheet">
</head>
<style type="text/css">
  table {
    table-layout: fixed;
    word-break: break-all;
  }
  td {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis}
</style>
<body>
<div class="container-fluid p-t-15">
  
  <div class="row">
    <div class="col-sm-6 col-md-3">
      <div class="card bg-primary">
        <div class="card-body clearfix">
          <div class="pull-right">
            <p class="h6 text-white m-t-0">采集节点在线数</p>
            <p class="h3 text-white m-b-0 fa-1-5x" th:text="${nodeNum}">0</p>
          </div>
          <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-arrow-down-bold fa-1-5x"></i></span> </div>
        </div>
      </div>
    </div>
    
    <div class="col-sm-6 col-md-3">
      <div class="card bg-danger">
        <div class="card-body clearfix">
          <div class="pull-right">
            <p class="h6 text-white m-t-0">小说总数</p>
            <p class="h3 text-white m-b-0 fa-1-5x" th:text="${fictionNum}">0</p>
          </div>
          <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-book-open-page-variant fa-1-5x"></i></span> </div>
        </div>
      </div>
    </div>
    
    <div class="col-sm-6 col-md-3">
      <div class="card bg-success">
        <div class="card-body clearfix">
          <div class="pull-right">
            <p class="h6 text-white m-t-0">漫画总数</p>
            <p class="h3 text-white m-b-0 fa-1-5x" th:text="${cartoonNum}">0</p>
          </div>
          <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-image fa-1-5x"></i></span> </div>
        </div>
      </div>
    </div>
    
    <div class="col-sm-6 col-md-3">
      <div class="card bg-purple">
        <div class="card-body clearfix">
          <div class="pull-right">
            <p class="h6 text-white m-t-0">视频总数</p>
            <p class="h3 text-white m-b-0 fa-1-5x" th:text="${videoNum}">0</p>
          </div>
          <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-camcorder fa-1-5x "></i></span> </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    
    <div class="col-lg-12">
      <div class="card">
        <div class="card-header">
          <h4>采集信息</h4>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-hover">
              <thead>
                <tr>
                  <th width="15%">采集类型</th>
                  <th width="30%">采集任务</th>
                  <th width="15%">开始日期</th>
                  <th width="15%">截止日期</th>
                  <th width="10%">状态</th>
                  <th width="15%">进度</th>
                </tr>
              </thead>
              <tbody th:each="inf : ${informations}">
                <tr>
                  <td th:text="${inf.classify}"></td>
                  <td th:text="${inf.taskName}"></td>
                  <td th:text="${#dates.format(inf.startTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
                  <td th:text="${#dates.format(inf.endTime,  'yyyy-MM-dd HH:mm:ss')}"></td>
                  <td>
                    <span class="label label-warning" th:if="${inf.status} == 待定" >待定</span>
                    <span class="label label-success" th:if="${inf.status} == 进行中">进行中</span>
                    <span class="label label-info" th:if="${inf.status} == 完成">完成</span>
                    <span class="label label-danger" th:if="${inf.status} == 错误">错误</span>

                  </td>
                  <td>
                    <div class="progress progress-striped progress-sm">
                      <div class="progress-bar progress-bar-warning"  th:if="${inf.status} == 待定"style="width: 10%;"></div>
                      <div class="progress-bar progress-bar-success" th:if="${inf.status} == 进行中" style="width: 50%;"></div>
                      <div class="progress-bar progress-bar-info"  th:if="${inf.status} == 完成" style="width: 100%;"></div>
                      <div class="progress-bar progress-bar-danger"  th:if="${inf.status} == 错误" style="width: 100%;"></div>
                    </div>
                  </td>
                </tr>

              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  
</div>

<script type="text/javascript" th:src="@{/static/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/main.min.js}"></script>

    


</body>
</html>